<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Page title -->
    <title>e护上门 | 店铺管理</title>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!--<link rel="shortcut icon" type="image/ico" href="favicon.ico" />-->

    <!-- Vendor styles -->
    <link rel="stylesheet" href="__PUBLIC__/vendor/fontawesome/css/font-awesome.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/metisMenu/dist/metisMenu.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/animate.css/animate.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="__PUBLIC__/vendor/sweetalert/lib/sweet-alert.css" />

    <!-- App styles -->
    <link rel="stylesheet" href="__PUBLIC__/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" />
    <link rel="stylesheet" href="__PUBLIC__/fonts/pe-icon-7-stroke/css/helper.css" />
    <link rel="stylesheet" href="__PUBLIC__/styles/style.css">
	<style type="text/css">
		.certing{
			width: 80%;
		}
		.certed{
			width: 100%;
		}
	</style>
</head>
<body>

<!-- Main Wrapper -->
<div id="wrapper">

<div class="content animate-panel">
	<div class="row">
	    <div class="col-lg-12 text-center m-t-md">
	        <div class="Certifi">
				<h2>
                    <eq name='status' value='success'>恭喜！您的认证已通过<else/>实名认证资料审核中...</eq>
                </h2>
				<div class="progress m-t-xs full progress-striped active" style="width: 300px;margin: 0 auto;margin-top: 60px;">
					<!--class=certed表示核审完成，class=certing表示正在核审，显示数字需在下面修改-->
					<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="<eq name='status' value='success'>certed<else/>certing</eq> progress-bar progress-bar-success">
				        <eq name='status' value='success'>100%<else/>80%</eq>
				    </div>
				</div>
				<h3 style="padding-top: 60px;">
                    <eq name='status' value='success'>恭喜！您的资料已通过了我们的康复机构认证！<else/>您的<b>康复机构</b>实名资料已提交成功正在审核，请耐心等待！</eq></h3>
				<p style="padding-top: 40px;">用户名：<span class="name">{$phonenumber}</span></p>
				<!--<p style="line-height: 60px;">类型：顾问</p>-->
				<p style="line-height: 25px;font-size: 12px;color: #929292;width: 300px;margin: 0 auto;">请耐心等待审核，审核时间为1-2个工作日，通过后我们将通过邮件形式通知您，如您有任何疑问请联系客服TEL：023-63549902。</p>
				<!--<p style="text-align: center;"><a href="index.html" type="button" class="btn btn-lg w-xs btn-success" style="padding: 16px 50px;width: 220px;margin-top: 30px;">返回首页</a></p>-->
			</div>
	    </div>
	</div>
</div>
	
	
	
	
</div>

<!-- Vendor scripts -->
<script src="__PUBLIC__/vendor/jquery/dist/jquery.min.js"></script>
<script src="__PUBLIC__/vendor/jquery-ui/jquery-ui.min.js"></script>
<script src="__PUBLIC__/vendor/slimScroll/jquery.slimscroll.min.js"></script>
<script src="__PUBLIC__/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/vendor/metisMenu/dist/metisMenu.min.js"></script>
<script src="__PUBLIC__/vendor/iCheck/icheck.min.js"></script>
<script src="__PUBLIC__/vendor/sparkline/index.js"></script>
<script src="__PUBLIC__/vendor/sweetalert/lib/sweet-alert.min.js"></script>

<!-- App scripts -->
<script src="__PUBLIC__/scripts/homer.js"></script>

<script>

    $(function(){

        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            $('a[data-toggle="tab"]').removeClass('btn-primary');
            $('a[data-toggle="tab"]').addClass('btn-default');
            $(this).removeClass('btn-default');
            $(this).addClass('btn-primary');
        })

        $('.next').click(function(){
            var nextId = $(this).parents('.tab-pane').next().attr("id");
            $('[href=#'+nextId+']').tab('show');
        })

        $('.prev').click(function(){
            var prevId = $(this).parents('.tab-pane').prev().attr("id");
            $('[href=#'+prevId+']').tab('show');
        })

        $('.submitWizard').click(function(){

            var approve = $(".approveCheck").is(':checked');
            if(approve) {
                // Got to step 1
                $('[href=#step1]').tab('show');

                // Serialize data to post method
                var datastring = $("#simpleForm").serialize();

                // Show notification
                swal({
                    title: "恭喜!",
                    text: "上传资料成功，请等待核审!",
                    type: "success"
                });
//            Example code for post form
//            $.ajax({
//                type: "POST",
//                url: "your_link.php",
//                data: datastring,
//                success: function(data) {
//                    // Notification
//                }
//            });
            } else {
                // Show notification
                swal({
                    title: "失败!",
                    text: "请阅读并接收开店协议",
                    type: "error"
                });
            }
        })
    
    
    });
    $("#step2").find("input").change(function(){
		var imgFile = this.files[0];
	    var fr = new FileReader();
	    var img = $(this).next(".credit");
	    fr.onload = function() {
	        img.attr("src",fr.result);
	    };
	    fr.readAsDataURL(imgFile);
	})
    
    $("#acceptprotocol").click(function(){
    	$(".icheckbox_square-green").addClass("checked");
    	$(".approveCheck").attr("checked",true);
    	$('#myModal').modal('hide');
    })
</script>

</body>
</html>